這篇用來練習 Media 套件,另外一個功能就是錄音。
上一篇 跟 上上一篇 已經新增了 必要的套件。
最主要就是 Media 跟 File ,File 最主要指定是儲存的位置。
新增一個 Record 頁面,接著把他加入在 Music 中。 記得刪除指令幫你建立的 module 跟 Route,還有移除在 app-routing.module.ts 中自動建立的 Route。
ionic generate page record
music.module.ts
music-routing.module.ts
在 music.page.html 建立一個進入點
在 music.page.ts 連結到 Record 頁面,記得上面要宣告跟匯入 Router。
record.page.html
CSS
record.page.ts
開始錄音
停止錄音
小結語,比想像中順利,最讓我覺得不了解的地方應該是我要怎麼使用 File 套件去對應 Android 手機上的位置。
這是錄製中的結果
用 Music 的播放器播放錄音的結果。